<template>
  <form>
    <fieldset>
      <slot :isEditing="isEditing"></slot>
    </fieldset>
    <span v-if="!isEditing" @click="edit()">Edit</span>
  </form>
</template>
<script>
export default {
  data: () => ({
    isEditing: false
  }),
  methods: {
    edit(state) {
      this.isEditing = !this.isEditing
    }
  }
}
</script>
<style lang="">

</style>